<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<link href="css/laps.css" rel="stylesheet" />
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-reset.css" rel="stylesheet">
<!--external css-->
<link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />

<link rel="stylesheet" type="text/css"
	href="assets/bootstrap-datepicker/css/datepicker.css" />
<link rel="stylesheet" type="text/css"
	href="assets/bootstrap-colorpicker/css/colorpicker.css" />
<link rel="stylesheet" type="text/css"
	href="assets/bootstrap-daterangepicker/daterangepicker.css" />

<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet">
<link href="css/style-responsive.css" rel="stylesheet" />
</head>
<body>
<div class="row">
					<div class="col-lg-12">

						<section class="panel">
							<header class="panel-heading"> Approved/Reject Leave
								Form </header>
							<div class="panel-body">
								<form class="form-horizontal" role="form">
									<div class="form-group">
										<label class="col-lg-2 col-sm-2 ">Employee
											ID</label>
										<div class="col-lg-3">
											<label class="control-label">EM001</label>
										</div>
									</div>
									<div class="form-group">
										<label class="col-lg-2 col-sm-2 ">Employee
											Name</label>
										<div class="col-lg-3">
											<label class="control-label">Smith</label>
										</div>
									</div>
									<div class="form-group">
										<label for="inputEmail1"
											class="col-lg-2 col-sm-2 ">Date</label>
										<div class="col-lg-4">
											<label class="control-label">13/07/2013</label> <label
												class="control-label"> To </label> <label
												class="control-label">19/07/2013</label>
										</div>
									</div>
									<div class="form-group">
										<label class="col-lg-2 col-sm-2 control-label">Total
											Date </label>
										<div class="col-lg-3">
											<label class="control-label">5</label>
										</div>
									</div>
									<div class="form-group">
										<label class="col-lg-2 col-sm-2 control-label">Reason
										</label>
										<div class="col-lg-3">
											<label class="control-label">Medical leave</label>
										</div>
									</div>
									<div class="form-group">
										<label class="col-lg-2 col-sm-2 control-label">Work
											Dissemination</label>
										<div class="col-lg-3">
											<label class="control-label">N\A</label>
										</div>
									</div>
									<div class="form-group">
										<label for="inputEmail1"
											class="col-lg-2 col-sm-2 control-label">Leave
											Category</label>
										<div class="col-lg-3">
											<label for="inputEmail1" class="control-label">Medical</label>
										</div>
									</div>
									<div class="form-group">
										<label for="inputEmail1"
											class="col-lg-2 col-sm-2 control-label">Comment</label>
										<div class="col-lg-3">
											<input type="email" class="form-control" id="inputEmail1"
			 									placeholder="Comment">
										</div>
									</div>
									<div class="form-group">
										<label for="inputEmail1"
											class="col-lg-2 col-sm-2 control-label">Status</label>
										<div class="col-lg-3">
											<label> <input type="radio" name="optionsRadios"
												value="Approved" checked=""> Approve
											</label> <label> <input type="radio" name="optionsRadios"
												value="Reject" checked=""> Reject

											</label>
										</div>
									</div>
									<div class="form-group">
										<div class="col-lg-offset-2 col-lg-10">
											<button type="submit" class="btn btn-primary">Submit</button>
										</div>
									</div>
								</form>
							</div>
						</section>
					</div>
				</div>
	<!-- js placed at the end of the document so the pages load faster -->
	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.scrollTo.min.js"></script>
	<script src="js/jquery.nicescroll.js" type="text/javascript"></script>

	<script src="js/jquery-ui-1.9.2.custom.min.js"></script>
	<script class="include" type="text/javascript"
		src="js/jquery.dcjqaccordion.2.7.js"></script>
	<!--common script for all pages-->
	<script src="js/common-scripts.js"></script>

	<script type="text/javascript"
		src="assets/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
	<script type="text/javascript"
		src="assets/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
	<script type="text/javascript"
		src="assets/bootstrap-daterangepicker/moment.min.js"></script>
	<script type="text/javascript"
		src="assets/bootstrap-daterangepicker/daterangepicker.js"></script>
	<script type="text/javascript"
		src="assets/bootstrap-timepicker/js/bootstrap-timepicker.js"></script>
</body>
</html>